﻿body 
{
   background-image:url("../graphics/fondo_web.jpg");
    background-color:#666666;
    background-repeat:repeat;
    font-size: .80em;
    font-family: Levenim MT, Aharoni, Colonna MT;
    color:black;
    width:1024px;
    padding:20px;
    margin-left: auto;
    margin-right: auto;
  
}

h1
{
    color:White;
}

h2
{
    font-family: Colonna MT;
}
    
p
{
    text-indent: 20px;
    height: 14px;
    font-family:Levenim MT;
}

.titulo
{
    position:relative;
    background-image:url('black_gr.jpg');
    /*background-repeat:repeat-x;*/
    background-color:#666666;
    height:180px;
   /* margin:0px;
    height:auto;
   
    padding:20px;
    text-align:left;
    top: 0px;
    left: 0px;*/
}

.espacio
{
    height:30px;
    background-color:#242424;
    background-image:url('borde.png');
}



.login
{
    float:right;
    color:White;
    vertical-align:middle;
}

.logp
{
    background-color: Gray;
    text-align:center;
    padding:5px;
    width:100px;
    }


.contenedor
{
    
    border:1px;
    border-style:solid;
    border-color:#707070;
    background-color:#f4f4f4;
    margin:20px;
    width:1024px;

}

.subcontenedor
{
    padding:20px;
}

.menu
{
    font-family: Estrangelo Edessa;
    font-size:20px;
   width: 147px;
   padding:10px;
}

.redesSociales {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}
.contador
{
    font-size:15px;
}
.contenido
{
    position:relative;
    padding:20px;
    width: 800px;
    height:auto;
    padding:10px;
    text-align:left;
    top: -386px;
    left: 187px;
    margin-bottom: 0px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #3eb3cb;
    color: black;
    display: block;
    line-height: 1.35em;
    padding: 8px 20px;
    text-decoration: none;
    white-space: nowrap;
    width:100px;
}

div.menu ul li a:hover
{
    background-color: #1f527b;
    color: white;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #00709e;
    color: #cfdbe6;
    text-decoration: none;
}


.Perfil
{
    font-family:  High Tower Text;
    font-style: oblique;
    background-color:Gray;
    color:White;
    font-size:30px;
}
  
.Perfil-div
{
     margin-left:2px;
}  
/*FIN Estilo Macro/Común*/

/* INICIO Estilo Reserva */


.reservaCalend {
  width: 800px;
  height: 150px;
} 

.IdaCalend {
  float: left;
  width: 200px;
}

.VueltaCalend {
  float: right;
  width: 300px;
  margin-left: 20px;
}

/* Calendario*/
.CalIda 
{
  margin-left: 20px;
  width: 90px;
}

.CalVuelta 
{
  margin-left: 20px;
}


/* Resto formulario reserva*/
.CantidadReserva
{
    width: 600px;
    height:30px;
}

.MargenTexto
{
   float: left;
   width: 80px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
}

.MargenTextBox
{
  float: right;
  width: 450px;
  margin-left: 20px;
  height:20px;
}
/* FIN Estilo Reserva */

/* INICIO Estilo Home*/

.contenedorGaleria
{
    width: 50%;    
}

.contenedorMini
{
    width: 47%;
    margin: 5px;
}

.miniatura
{
    border: solid black;
}

.miniatura:hover
{
    border: solid grey;
}

/*FIN Estilo Home*/

/* INICIO Estilo Oficinas*/

.contenedorMapa
{
    width: 75%;
}

.contenedorInformacion
{
    padding-top: 5px;
    padding-left: 2px;
}

/* FIN Estilo Oficinas */

/*INICIO Estilo Registro*/
.containerCampos
{
    width: 670px;
    height:30px;
}

.stiloCampos
{
   float: left;
   width: 125px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
}

.stiloTextBox
{
  float: right;
  width: 520px;
  height:20px;
}

.botones
{
    margin-left:50px;
}
/*FIN Estilo Registro*/

/*INICIO estilo Planetas*/
#contenedor1
{
    height:800px;
}
#calculaprecio
{
    height: 200px;
}
.bloque
{
    width:800px;
    height:150px;
}
.bloque2
{
    float:left;
    width:420px;
}
.bloque3
{
    float:right;
    margin-left:30px;
    width:250px;
}
.bloquetexto
{
   margin-left: 0px;
   height:20px;
   margin-top:3px;
}
.bloqueentrada
{
  width: 100%;
  margin-left: 5px;
  height:20px;
}
#fechaizq
{
    float:left;
    width:200px;
    height:220px;
}
#fechader
{
    float:right;
    width:200px;
    height:220px;
}
.imagen
{
    float:left;
    margin-left:170px;
    width:220px;
    height:200px;
}
.nombreplaneta
{
    float:right;
    margin-left:30px;
    width:380px;
}
.espaciador
{
    height:70px;
}
.casillagrande
{
    height:60px;
}
.cuadro
{
    width:220px;
    height:200px;
}
.tabla
{
    margin-left:80px;
    width:700px;
}
.precio
{
    color:Red;
    vertical-align:middle;
}
.izq
{
    float:left;
}
.der
{
    float:right;
}

/*FIN Estilo Planetas*/

/* Confirmar Reserva */
.Billete
{
   /* position:absolute;
    width:inherit;
    background-image:url("../graphics/billete.jpg");*/
    
    width:800px; color: #FF0000; }


.MargenConf
{
   float: left;
   width: 275px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
   color: blue;
}

.MargenConfPrecio
{
   float: right;
   width: 153px;
   margin-left: 20px;
   height:20px;
   margin-top:3px;
   color: blue;
}

.LabelConfirmar {
    color: red;
}


/*Fin Confirmar Reserva */

/*Informacion*/
.texto
{
    text-align:justify;
}
/*Fin informacion*/

/* LOGGING ESTILO - (Loging 02)*/


.login_labels
{
    width:150px;
    float:left;
    
    }
    
.login_textboxes
{
    float:left;
    }
    
.error_login
{
    color:Red;
    font-family:@Arial Unicode MS;
    }
    
.info_login
{
    
    }
    
    
/* LOGGING ESTILO - (Loging 02)*/

.login_marco
{
    color:White;
    padding:15px;
    float:right;
    font-size:14px;
    }
    
.login_marco a
{
    color:white;
    text-decoration: none;

    
    }
    
.login_marco a:hover
{
    text-decoration:underline;
    }